<template>
  <div class="home">
    <Topnav :list="list" /> 
    <span class="icon iconfont icon-magnifier"></span>
    <router-view></router-view>
    <Nav />
  </div>
</template>

<script>
import Nav from "../components/Nav/Nav";
import Topnav from "../components/Nav/Topnav";

export default {
  name: "home",
  components: {
    Nav,
    Topnav
  },
  data() {
    return {
      list: [
        {
          title: "总运动",
          path: "/home/zong"
        },
        {
          title: "健走",
          path: "/home/walk"
        },
        {
          title: "跑步",
          path: "/home/run"
        },
        {
          title: "骑行",
          path: "/home/cycling"
        }
      ]
    };
  },
   
};
</script>
<style lang='less' scoped>
@color: rgb(254, 217, 6);
.home {
position: relative;
  .icon {
    color:#fff;
    font-size: 0.4rem;
    position: absolute;
    top: 0.25rem;
    right:0.3rem;
  }
}
</style>
